//personalData样式
.main-content {
  width: 1034px;
  a {
    text-decoration: none;
  }
  .top {
    box-sizing: border-box;
    width: 1034px;
    height: 149px;
    background: #fff;
    box-shadow: 0 0 10px 0 #eaeaea;
    display: flex;
    justify-content: space-between;
    padding: 0 55px;
    .top-left {
      img {
        border-radius: 50%;
      }
    }
    .top-left:first-child {
      display: flex;
      align-items: center;
    }
    .top-left-personalData {
      margin-left: 28px;
      div:first-child {
        span {
          font-size: 18px;
        }
      }
      div:last-child{
        a {
          display: inline-block;
          color: #0096d6;
          margin-top: 19px;
          margin-right: 9px;
          .i {
            margin-left: 9px;
          }
        }
      }
    }
  }
  .bottom {
    padding-top: 45px;
    margin-top: 30px;
    box-shadow: 0 0 10px 0 #eaeaea;
    .botton-header-order {
      display: flex;
      justify-content: space-between;
      color: #000;
      padding: 0 55px;
      h3{
        font-size: 20px;
        font-weight: 400;
      }
      a {
        color: #666;
        cursor: pointer;
      }
    }
    a {
      text-decoration: none;
    }
    .bottom-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 55px;
      h3 {
        font-size: 20px;
        font-weight: 400;
      }
      a {
        color: #666;
        font-size: 14px;
      }
    }
    .mask {
      width: 100%;
      height: 100%;
      position: fixed;
      left: 0;
      top: 0;
      background: rgba(0,0,0,.6);
      z-index: 999;
      //display: none;
      .mask-flag {
        //min-width: 440px!important;
      }
      .mask-content {
        max-width: 680px;
        min-width: 380px;
        padding: 40px 65px;
        position: absolute;
        left: 50%;
        top: 50%;
        background: #fff;
        border-radius: 2px;
        transform: translate(-50%,-50%);
        text-align: center;
        .mask-content-body {
          width: 100%;
          background: #fff;
          border-radius: 2px;
          text-align: center;
          font-size: 14px;
          .rem {
            box-sizing: border-box;
            //min-width: 440px;
            h3 {
              line-height: 24px;
              font-size: 18px;
              color: #303133;
            }
            div {
              display: flex;
              justify-content: space-between;
              .el-button {
                width: 164px;
                height: 40px;
              }
            }
          }
          div {
            position: relative;
            margin: 10px 0;
            .el-input {
              height: 50px;
            }
            h3 {
              padding: 0;
              margin-bottom: 40px;
              font-size: 22px;
            }
            .personalData-form-inp {
              .el-input {
                height: 50px;
              }
              input {
                width: 100%;
                height: 50px;
                padding: 0 25px;
                box-sizing: border-box;
                background-color: #fff;
                border-radius: 4px;
                border: 1px solid #dcdfe6;
              }
              .el-select {
                width: 165px;
                /deep/ .el-input__inner {
                  height: 50px;
                }
              }
            }
            .el-form-item-inp {
              display: flex;
              justify-content: space-between;
            }
          }
          .hint {
            position: absolute;
            bottom: -20px;
            span {
              text-align: left;
              color: red;
              font-size: 12px;
            }
          }
          .confirm {
            display: flex;
            justify-content: start;
            /deep/ .el-button {
              width: 100%;
              height: 50px;
            }
          }
          .close {
            /deep/ .el-icon {
              position: absolute;
              right: -42px;
              top: -36px;
              font-size: 34px;
              color: #909399;
              cursor: pointer;
            }
          }
          .default {
            display: flex;
            justify-content: start;
          }
          .example-block {
            display: flex;
            justify-content: start;
            /deep/ .el-cascader {
              width: 100%;
              /deep/ input {
                height: 50px;
              }
            }
          }
        }
      }
    }
    //订单导航
    .bottom-main-header {
      padding: 45px 55px;
      ul {
        display: flex;
        height: 57px;
        background: #f6f6f6;
        align-items: center;
        justify-content: space-around;
        li {
          height: 100%;
          cursor: pointer;
          line-height: 57px;
          font-size: 18px;
          box-sizing: border-box;
        }
        .bottom-border {
          color: #000;
          border-bottom: 2px solid #000;
        }
      }
    }
    //订单内容
    .bottom-main-content {
      text-align: center;
      margin-top: 36px;
      padding-bottom: 58px;
      padding-right: 55px;
      padding-left: 55px;
      div {
        img {
          width: 138px;
          height: 138px;
          margin: 0 auto;
        }
        p {
          text-align: center;
        }
      }
    }
    //
    .orderForm {
      padding: 0px 55px 40px 55px;
      font-size: 16px;
      color: #000;
      ul {
        li:not(:first-child) {
          border-top: 3px solid #e0e0e0;
          margin-top: 45px;
          padding-top: 45px;
        }
      }
      .orderNumber {
        display: flex;
        justify-content: space-between;
        margin-bottom: 31px;
        span {
          font-size: 16px;
        }
        a {
          font-size: 16px;
          span {
            color: #0096d6;
          }
        }
      }
      .commodityFigure {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 30px 0;
        border-top: 1px solid #e0e0e0;
        div {
          img {
            width: 74px;
            height: 80px;
            margin-left: 26px;
          }
          .commodityFigure-p {
            width: 212px;
          }
          .commodityFigure-fontSize {
            font-size: 16px;
          }
        }
      }
      .settleAccounts {
        padding-top: 28px;
        border-top: 1px solid #e0e0e0;
        display: flex;
        justify-content: space-between;
        div {
          span {
            margin-left: 10px;
            font-size: 22px;
            color: #0096d6;
          }
        }
        div:last-child {
          .el-button:first-child {
            margin-right: 18px;
          }
          .el-button {
            padding: 17px 32px;
            font-size: 14px;
            line-height: 0px;
          }
        }
      }
    }
  }
}